$(function() {
    //输入框效果
    $('#uname').focus(function() {
        $(this).css({
            borderColor: '#007dff',
            caretColor: '#007dff'
        })
    })
    $('#uname').blur(function() {
        $(this).css({
            borderColor: '#fff',
            caretColor: '#007dff'
        })
    })
    $('#pword').focus(function() {
        $(this).css({
            borderColor: '#007dff',
            caretColor: '#007dff'
        })
    })
    $('#pword').blur(function() {
        $(this).css({
            borderColor: '#fff',
            caretColor: '#007dff'
        })
    })

    $('#pword').on('input', function() {
        // alert(111)
        if ($(this).val()) {
            $(this).next().css('color', '#000');
            $('.error').hide();
            light();
        } else {
            $(this).next().css('color', '#999');
            light();
        }
        $(this).blur(function() {
            if (!$(this).val()) {
                $('.error').show();
            } else {
                $('.error').hide();
            }
        })
    })
    var flag = true;
    $('#pword').next().click(function() {
        if (flag) {
            flag = false;
            $(this).toggleClass('icon-zhengyan').prev().prop('type', 'text');
        } else {
            flag = true;
            $(this).toggleClass('icon-zhengyan').prev().prop('type', 'password');
        }
    })
    var index = 0;

    function light() {
        if ($('#uname').val() && $('#pword').val()) {
            $('.btn').css('opacity', 1);
            index = 1;
        } else {
            $('.btn').css('opacity', 0.38);
            index = 0;
        }
    }


    //登录
    $("#uname").change(() => {
        $("#pword").change(() => {
            $(".btn").css({ opacity: "1" });
        });
    });
    $(".btn").click(() => {
        if ($(".btn").css("opacity") != 1) {
            $(".txt").text("请输入账号和密码！");
        } else {
            axios
                .get("http://jx.xuzhixiang.top/ap/api/login.php", {
                    params: {
                        username: $("#uname").val(),
                        password: $("#pword").val(),
                    },
                })
                .then((res) => {
                    console.log(res);
                    if (res.data.code == 1) {
                        location.href = "../index.html";
                    } else {
                        $(".txt").text(res.data.msg + "!");
                    }
                });
        }
    });

})